<template>
    <div>
        <h4>头部</h4>
        <p>2020 4-2-2  ----</p>
        <!-- 缩略图 -->
        <!-- <vue-preview :slides="slide1" @close="handleClose"></vue-preview> -->

        11
        <!-- 评论子组件 -->
        <comments :id="this.id"></comments>
    </div>
</template>
<script>
// 引入评论子组件
import {Toast} from 'Mint-ui'
import comment from '../subcontent/subcontent.vue'
export default {
    data() {
        return {
            id: this.$route.params.id,
            slides: []
        }
    },
    created() {
        this.getview()
    }
    ,
    methods: {
        getview() {
            // 根据接口文档获取缩略图相关的信息
            this.$http.get('api/getthumimages/' + this.id).then(function(res) {
                if (res.body.status == 0) {
                                  // 循环设置每个图片的大小
                res.body.message.forEach(element => {
                    // 设置图片的大小
                    element.w = 400
                    element.h = 400
                });
                this.slides = res.body.message
                }else {
                    Toast('缩略图获取失败')
                }
  
            },function() {
                Toast('缩略图请求失败')
            })
        }
    },
    components: {
        comments: comment
    }
}
</script>
<style lang="scss" scoped>
    
</style>